<template>
  <div class="swiper">
    <el-carousel indicator-position="outside">
      <el-carousel-item
        v-for="(item, index) in swiperList"
        :key="'swiper' + index"
      >
        <img :src="item.imageUrl" alt="PIC" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
import banners from '../mockdatas/banner'
export default {
  data() {
    return {
      swiperList: [],
    };
  },
  async created() {
    // let res = await this.$axios.get("/banner");
    // console.log(res);
    // this.swiperList = res.banners;
    // let res = await this.$axios.get("/recommend/resource");
    // console.log(res); 
    this.swiperList = banners;
  },
  methods: {
    
  },
};
</script>

<style>
</style>